<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册页面</title>
    <link rel="stylesheet" href="__CSS__/register.css">
    <link rel="stylesheet" href="__CSS__/base.css">
    <link rel="stylesheet" href="__CSS__/user_center.css">

</head>
<body>
{include file="public/header"}
<div class="register-main">
    <div class="main register-body" id="reg-body">
        <div class="user-info-warp user-table-view">
            <div class="commond-title">
                <h2><i></i>注册极果</h2>
            </div>
            <div class="user-bind-phone">
                <div class="bind-title">
                    <ul class="clear">
                        <li class="on fl">
                            <div class="circular">1</div>
                            <div class="tips">验证邮箱</div>
                        </li>
                        <li class="fr">
                            <div class="circular">2</div>
                            <div class="tips">设置密码</div>
                        </li>
                    </ul>
                </div>
                <div class="bind-yes-use">
                    <ul>
                        <li>
                            <div class="unbind-phone-cell">
                                <label><input data-tel="" type="text" placeholder="输入电子邮箱" name="email"></label>
                            </div>
                        </li>
                        <li>
                            <div class="unbind-phone-cell">
                                <label>
                                    <input data-img-code="" class="w-160" type="text" placeholder="输入图片验证码" name="captcha">
                                    <div class="right-box code">
                                        <img onclick="this.src='/verifycode'+'?='+Math.random()" src="/verifycode" class="cp">
                                    </div>
                                </label>
                            </div>
                        </li>
                        <li>
                            <div class="unbind-phone-cell">
                                <label>
                                    <input data-phone-code="" class="w-160" type="text" placeholder="输入账号" name="userName">
                                    <input data-phone-code="" class="w-160" type="text" placeholder="输入密码" name="password">
                                </label>

                            </div>
                        </li>
                        <li>
                            <div class="unbind-phone-cell tc">
                                <label class="cp">
                                    <input data-vip-code="" class="mr5 cp" style="display:inline-block;width: 60px;vertical-align: middle;" type="checkbox" checked="" value="1">
                                    我同意<a class="blue" href="/html/UserRegAgreement" target="_blank">《极果用户协议》</a>
                                </label>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="user-table-cell">
                    <div class="user-item-cell">
                        <div class="save-warp">
                            <a class="btn">确定</a>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>
{include file="public/footer"}

<script src="__JS__/jquery-v1.12.0.min.js"></script>
<script>
    $(".btn").click(function(){
        var email=$("input[name='email']").val();
        var userName=$("input[name='userName']").val();
        var password=$("input[name='password']").val();
        var captcha=$("input[name='captcha']").val();
        $.ajax({
            type:"post",
            url:"/checkcode",
            data:{
                'email':email,
                'userName':userName,
                'password':password,
                'code':captcha
            },
            success:function (res) {
                alert(res);
            }
        })
    })

</script>

</body>
</html>